body, div, ul, li{margin:0;padding:0;}
body{font-family:"微软雅黑", Arial, Helvetica, sans-serif;color:#333333;line-height:25px;font-size:12px;}
p, ul, ol, dl, dt, dd, form, blockquote {
    margin: 0;
    padding: 0;
}
a:link, a:visited{text-decoration:none;color:#333333;}
a:hover{text-decoration:underline;color:#08A5E0;text-decoration:none;}
ul, ul li{list-style-type:none;}
.cl{zoom:1;}
.content{
    width: 1000px;
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
/*网站头部*/
.col960{width:960px;margin:auto;}
.header{width:100%;height: 70px;margin: 10px 0px;}
.header .target{position: absolute;}
.navbg{height:40px;width:50%;position:absolute;z-index:99;right:50px;}
#navul li{float:left;margin-right:1px;width:85px;height:40px;position:relative;text-align:center;line-height:40px;}
#navul li.navhome{text-align:left;padding:0 0px 0 30px;width:60px;background:#221815;}
#navul li.navhome a{color:#FFFFFF!important;}
#navul li a:link, #navul li a:visited{color:#221815;}
#navul li ul{display:none;position:absolute;z-index:10000;top:38px;left:-1px;background:#dcdcdc;border-bottom:none;background:rgba(0,0,0,0.2) none repeat scroll !important; /*实现FF背景透明，文字不透明*/
    background:#000; filter:Alpha(opacity=20);/*实现IE背景透明*/ }
#navul li ul li{display:block;width:98px;float:none;margin-right:0px;height:28px;position:relative;line-height:28px;font-size:12px;}
#navul li.navmoon{background:#dcdcdc;width:85px;height:40px;line-height:38px;}
/*#navul li.navmoon a{color:#FFFFFF;}*/
/*#navul li.navhome a:hover{color:#FCFF00;}*/
#navul li.navmoon ul{display:block;}
#navul li.navmoon ul a{display:block;width:50px;height:28px;line-height:28px;margin: 11px auto;    border-top: #004E6C 1px solid;}
/*#navul li.navmoon ul a:hover{background:#221815;}*/

/*网站中部*/
.banner{width:100%;  position:relative;height: 700px }

.main_visual {margin-right:0;}
.main_visual{overflow:hidden;position:relative; margin-right:35%;height: 400px;}
.main_image{height:400px;overflow:hidden;position:relative;}
.main_image ul{width:400px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:100%;}
.main_image li a{display:block;width:100%;}
.main_image img {height: 400px;width: 100%;}
div.flicking_con{position:absolute;bottom:30px;left:50%;z-index:899;width:120px;height:21px;margin:0 0 0 -60px;}
div.flicking_con a{float:left;width:13px;height:13px;margin:0;padding:0;background:url(images/dot.png) 0 0 no-repeat;display:block;text-indent:-1000px; margin-right:17px;}
div.flicking_con a.on{background-position:-13px 0px}
.b_side { width:34%; position:absolute; top:0; right:0; height:400px; background-color:#FFF;margin-left: 17px;}
.b_side .hd img { max-width:100%;height: 125px;margin-bottom: 12px;}
.b_side .bd { position:absolute; right:22%; bottom:20px;}
#btn_prev,#btn_next{z-index:11111;position:absolute;width:34px!important;height:100%!important;top:5px; display:none}
#btn_prev {background: url(http://www.fancyid.com/Skin/fancyid/images/hover_left.png) no-repeat center center;left: 60px;}
#btn_next {background: url(http://www.fancyid.com/Skin/fancyid/images/hover_right.png) no-repeat center center; right:60px;}


.line{width: 100%}


.iTeam{margin-top:10px;}
.iTeamBox{width:1000px;height:255px;margin:0 auto;position:relative;overflow:hidden;}
.iTeamBox ul img{width:100%;height:100%;}
.roundabout-holder{height:255px;width:370px;margin:auto;}
.roundabout-holder{height:255px;width:370px;margin:auto;}
.roundabout-moveable-item{display:block;height:255px;width:540px;cursor:pointer;}
.roundabout-in-focus{cursor:auto;}
.iTeamBox .btn{z-index:100;position:absolute;width:52px;height:52px;top:95px;background:url(http://www.ajsj.com.cn/tpl/www/images/i_btn.png) no-repeat;cursor:pointer;opacity:0.7;}
.iTeamBox .prev{left:0}
.iTeamBox .next{background-position:right top;right:0}
.iTeamBox .btn:hover{opacity:1.0;}

#caselist{
    position: relative;
    overflow: hidden;
    height: 350px;
}
.casenew {width:100%; height:100%; overflow:hidden; position:relative}
.casebox a { display:block; width:100%; height:100%;}
.case-1 { width:320px;height: 250px; float:left;position:relative;margin-right: 10px;margin-top: 10px;}
.case-2 { width:320px;height: 250px; float:left;position:relative;margin-right: 10px;margin-top: 10px;}
.case-3 { width:320px;height: 250px; float:left;position:relative;margin-right: 10px;margin-top: 10px;}
.caseinfo .ft {margin:0 5%; padding:30px 0;}
.casebox .c_t{ width:100%; position: absolute;left:0; bottom:0; color:#fefefe; padding:15px; box-sizing:border-box}
.ct_2 { font-size:22px}
.ct_3 { font-size:15px}
.casebox:hover .c_t { background-color:rgba(0,0,0,0.5);}
.c_t:hover { background-color:rgba(0,0,0,0.5);}

.casecover { width:100%; height:100%; position:absolute; left:0;bottom:0;  /*background:url(../images/box_bg.png) repeat-x left bottom; */display:none }


.casebox a,.casebox img,.main_image img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    transition:all 0.3s ease-in-out;
}


.casebox:hover,.casebox a:hover,.casebox a:hover img,.main_visual:hover img {
    filter: grayscale(0);
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0)
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
}

.footer { padding: 40px; background: #191919;height: 250px; }
.footer .column { float: left;}
.footer .column.column1{ width: 25% }
.footer .column.column2{ width: 35% }
.footer .column.column3{ width: 15% }
.footer .column.column4{ width: 25% }
.footer .column.column4 p{ width:200px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.footer .column .title{font-family: "微软雅黑", Arial, Helvetica, sans-serif;font-size: 16px;font-weight: bold;color: white;}
.footer .column .name{width: 80%;margin-top: 10px;}
.footer .column .contact{width: 30px;margin: 7px;}
.footer h3 { font-size: 27.5px; line-height: 28px; color: #fff}
.footer p { color: #8a8a8a; font-size: 16px; line-height: 32px}
.footer tel { display: block; font-size: 16px; color: #fff; margin-top: 52px}
.footer icp { display: block; font-size: 16px; color: #fff; margin-top: 140px}

.footer .dot{
    float: left;
    margin-top: 11px;
    margin-right: 10px;
}
.footer .arrow{
    width: 10px;
    height: 10px;
}
.footer .mail .pic{ width: 30px;height: 30px;margin-right: 10px;}
.footer .mail .input{ width: 200px;height: 30px;}

.wechat{
    position: absolute;
    left: 44px;
}
.wechat img{width: 120px;}

.end1{
    float: left;
    width: 100%;
    height: 25px;
    margin-top: 20px;
    background-color: #4c4948;
}
.end1 div{
    width: 33%;
    text-align: center;
    float: left;
    color: white;
    font-size: 10px;
    font-family: "微软雅黑", Arial, Helvetica, sans-serif;
}

.tap{
    text-align: center;
}


/* -- page -- */
#pageLeft {
    float: left;
    width: 180px;
    margin-right: 20px;
}

#pageIn {
    float: left;
    width: 780px;
    overflow: hidden;
}

/* article_category
----------------------------------------------- */
#articleList dl {
    border-bottom: 1px dotted #D1D1D1;
    padding: 20px 0;
    zoom:1;
    overflow:hidden;
}
#articleList dl.last {
    border-bottom: 0;
}
#articleList dt {
    width: 620px;
    background: url(images/icon_red.gif) no-repeat left 50%;
    padding-left: 15px;
    margin-bottom: 10px;
}
#articleList dd {
    color: #999999;
    padding-left: 2px;
    line-height: 180%;
    zoom: 1;
    overflow: hidden;
}
#articleList dd p {
    float: left;
}
#articleList dd p.img {
    margin-right: 10px;
}
#articleList dd p.desc {
    width: 590px;
}
#articleList .numDate {
    float: right;
    text-align: right;
    padding-top: 12px;
}
#articleList .numDate em {
    background-color: #0072C6;
    color: #FFF;
    padding: 3px 4px;
    font-size: 14px;
    font-weight: bold;
}
#articleList .numDate p {
    font-size: 16px;
    color: #999999;
    margin-top: 5px;
}
/* article
----------------------------------------------- */
#article {
    padding: 20px 0;
}
#article h1 {
    color: #333333;
    font-size: 18px;
    font-weight: bold;
}
#article .info {
    padding: 2px 0 20px 0;
    color: #999999;
    font-size: 13px;
}
#article .content {
    color: #666666;
    line-height: 180%;
}
/* -- incBox -- */
.incBox {
    margin-bottom: 15px;
}
.incBox h3 {
    height: 35px;
    line-height: 35px;
    color: #7A7F81;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid #CBD1D3;
}
.incBox h3 a {
    color: #7A7F81;
}
/* -- urHere -- */
.urHere {
    height: 35px;
    line-height: 35px;
    color: #999999;
    border-bottom: 1px solid #CBD1D3;
}
.urHere a {
    color: #999999;
}
.urHere b {
    margin: 0 8px;
}
/* -- tree -- */
.treeBox {
    margin-bottom: 15px;
}
.treeBox h3 {
    height: 35px;
    line-height: 35px;
    color: #7A7F81;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid #CBD1D3;
}
.treeBox li {
    border-left: 4px solid #F4F4F4;
    line-height: 15px;
    margin-top: 15px;
    padding-left: 10px;
}
.treeBox li.cur {
    border-left: 4px solid #19B4EA;
}
.treeBox li a {
    color: #7A7F81;
}
.treeBox .search {
    margin:20px 0;
}
.treeBox .search .keyword {
    width: 136px;
}

.central{
    width: 100%;
}
.central .title{
    width: 100%;
    height: 300px;
}
.central .title img{
    width: 100%;
    height: 100%;

}

.central .c_t{ width:100%; position: absolute;right:0; top:335px; color:#fefefe; padding:15px; box-sizing:border-box;text-align: right}
.central:hover .c_t { background-color:rgba(0,0,0,0.5);}
.central.c_t:hover { background-color:rgba(0,0,0,0.5);}

.details{ width: 100%;margin: 20px 0; overflow: hidden;}
.details ul li{float: left;}
.details ul li div {width:330px;height:330px;}
.details ul li img.pic{width: 90%;margin: 5% 5% 0px 5%;height: 70%;}
.details ul li img.pic-t{width: 20px;height: 20px;}
.details ul li div.person{margin-left: 10px;height: 30px;}
.details ul li div.person label{margin: 10px;}
.details p{margin: 0px 0px 0px 15px}

.details ul li:hover{background-color: #dcdddd;}


.central_team{
    width: 100%;
}
.central_team .title{
    width: 100%;
    height: 300px;
}
.central_team .title img{
    width: 100%;
    height: 100%;

}

.central_team .c_t{ width:100%; position: absolute;right:0; top:335px; color:#fefefe; padding:15px; box-sizing:border-box;text-align: right}
.central_team:hover .c_t { background-color:rgba(0,0,0,0.5);}
.central_team.c_t:hover { background-color:rgba(0,0,0,0.5);}

.details_person{ width: 100%;margin: 20px 0; overflow: hidden;}
.details_person ul li{width: 100%;height: 230px;margin: 30px;}
.details_person .pic{width: 50%;float: left;}
.details_person .pic .pic-t{width: 100%;height: 230px;-moz-border-radius: 25px; /* Gecko browsers */
    -webkit-border-radius: 25px; /* Webkit browsers */
    border-radius:25px; /* W3C syntax */}
.details_person .person{float: left;margin: 10px;width: 48%;}
.details_person .person .title{
    padding-right: 17px;
    border-right: 1px solid;
    float: left;
    width: 21%;
    height: 75px;}
.details_person .person .title p{
    margin-left: 35%;
}
.details_person .person .title .name{font-size: 20px;margin-bottom: 11px;margin-top: 10px;}
.details_person .person .experience{width: 300px;margin-left: 28%;margin-top: 17px;}
.details_person .person .experience p{margin: 0px;}
.details_person .person .experience img{float: left;}
.details_person .person .demo{    margin-left: 6%;
    margin-top: 21px;}
.details_person .person .demo p{margin:15px 0px 25px 15px;}
.details_person .person .contact{float: left}
.details_person .person .contact img{width: 150px;float: left;margin: 0px 22px 0px 22px;}
/*.details ul li img.pic{width: 90%;margin: 5% 5% 0px 5%;height: 70%;}*/
/*.details ul li img.pic-t{width: 20px;height: 20px;}*/
/*.details ul li div.person{margin-left: 10px;height: 30px;}*/
/*.details ul li div.person label{margin: 10px;}*/
/*.details p{margin: 0px 0px 0px 15px}*/

.details ul li:hover{background-color: #dcdddd;}


/* product_category
----------------------------------------------- */
.productList {
    padding-top: 20px;
    color: #999999;
}
.productList dl {
    float: left;
    width: 370px;
    height: 160px;
    margin: 0 20px 30px 0;
}
.productList dl.last {
    margin-right: 0;
}
.productList dt {
    float: left;
    width: 160px;
}
.productList dd {
    float: left;
    width: 195px;
    padding: 15px 0 0 15px;
}
.productList dt img {
    border: 1px solid #EEEEEE;
}
.productList .name {
    height: 18px;
    overflow: hidden;
}
.productList .name a {
    color: #333333;
    font-weight: bold;
}
.productList .brief {
    color: #999999;
    padding-top: 8px;
    height: 60px;
}
.productList .price {
    padding-bottom: 10px;
}
/* product
----------------------------------------------- */
#product {
    padding: 15px 0;
}
#product .productImg {
    float: left;
    width: 300px;
}
#product .productInfo {
    float: left;
    width: 465px;
    padding: 10px 0 0 15px;
    line-height: 200%;
}
#product .productInfo h1 {
    font-size: 18px;
}
#product .productInfo ul {
    padding-top: 10px;
    margin-bottom:50px;
}
#product .productInfo .productPrice {
    margin-bottom: 5px;
}
#product .productInfo .productPrice .price {
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
}
#product .productInfo .btnAsk {
    zoom: 1;
    overflow: hidden;
}
#product .productInfo .btnAsk dt {
    float: left;
    width: 88px;
    height: 39px;
    line-height: 39px;
    text-align: right;
    padding-right: 3px;
    margin-right: 6px;
    background-color: #E0E0E0;
    color: #333;
    font-weight: bold;
}
#product .productInfo .btnAsk dd {
    float: left;
    width: 300px;
}
#product .productInfo .btnBuy {
    margin-bottom: 40px;
}
#product .productInfo .btnBuy .addToCart {
    background:#19B4EA url(images/btn_addtocart.png) no-repeat 20px 50%;
    color: #FFFFFF;
    padding: 8px 25px 8px 50px;
    text-decoration: none;
    cursor: pointer;
    font-size:16px;
}
#product .productInfo .btnBuy .addToCart:hover {
    background-color: #44C4EE;
}
#product .productContent {
    float: left;
    padding: 15px 0;
}
#product .productContent h3 {
    height: 35px;
    line-height: 35px;
    color: #7A7F81;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid #CBD1D3;
}
#product .productContent ul {
    padding: 15px 0;
    color: #666;
    line-height: 200%;
}
.pager{
    float: left;
    width: 100%;
    text-align: center;
}

/* -- onlineService -- */
#onlineService {
    position: fixed;
    _position: absolute;
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight)-380+"px");
    top: 208px;
    right: 0;
    z-index: 999999;
    display: block;
}
#onlineService .onlineIcon {
    position: relative;
    cursor: pointer;
    background: url(images/online_service.png) no-repeat;
    width: 34px;
    height: 110px;
    text-indent: -9999px;
    overflow:hidden;
}
#onlineService #pop {
    border: 3px solid #19B4EA;
    background-color: #F2F2F2;
    padding: 8px;
    width: 95px;
    min-height: 84px;
    position: absolute;
    right: 34px;
    top: 0;
    display: none;
    z-index: 999999;
}
#onlineService .onlineQQ a {
    display: block;
    background: url(images/online_service.png) no-repeat left -160px;
    color: #19B4EA;
    width: 82px;
    height: 24px;
    line-height: 23px;
    padding-left: 27px;
    margin-bottom: 8px;
}
#onlineService .onlineQQ a:hover {
    text-decoration: none;
    color: #19B4EA;
}
#onlineService .service {
    border-top: 1px solid #DDDDDD;
    padding-top: 8px;
    color: #666;
}
#onlineService .service a {
    color: #666;
}
#onlineService .service li {
    background: url(images/online_service.png) no-repeat left -202px;
    padding-left: 8px;
}
#onlineService .goTop {
    display: none;
}
#onlineService .goTop .goBtn {
    background: #F2F2F2 url(images/online_service.png) no-repeat left -120px;
    width: 34px;
    height: 34px;
    display: block;
}